<template>
    <div class="pop-mark log-pop-wrap flex" @click.self="hide">
      <!--<div class=""></div>-->
      <!-- class="flipInX animated" -->
      <div>
        <template v-if="isLogin">
          <login @loginValSuc="login" :swtich="status" :validateError="validateError" :loginErrorStr="loginErrorStr"  @switchStatus="switchFn" @goRester="goRester" @error="loginError"></login>
        </template>
        <template v-else>
          <register @registerSuc="register" :swtich="status" @switchStatus="switchFn"></register>
        </template>
      </div>
    </div>
</template>

<script>
  import login from './login'
  import register from './register'
  export default {
    name: 'log-pop',
    components: {
      login,
      register
    }
  }
</script>
